<!--
 * @Author: GuoShuning
 * @Date: 2022-12-15 14:02:11
 * @LastEditors: LiuYan
 * @LastEditTime: 2022-12-19 11:52:48
 * @Description: 
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./common/css/coommon.css" />
    <title>预警中心</title>
  </head>

  <body>
    <div class="projectDetailAll">
      <div class="bottomBox">
        <div class="bottomBox_content">
          <div class="content_left content_box">
            <div class="content_box_title">
              <div class="content_box_title_text">
                <img
                  src="./common/img/title.png"
                  width="20px"
                  height="20px"
                />项目基本信息
              </div>
              <button class="button_info_text button_icon">
                <i class="bi bi-pencil-square"></i>编辑
              </button>
            </div>
            <div class="content_left_body">
              <div class="itemLine itemLine_col_12">
                <div class="itemLine_tips">项目名称</div>
                <div class="itemLine_text">XXXXXX项目</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">项目编号</div>
                <div class="itemLine_text">JUDA2022001</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">项目状态</div>
                <div class="itemLine_text itemLine_text_waring">已签约</div>
                <!-- <div class="itemLine_text itemLine_text_success">绿</div> -->
                <!-- <div class="itemLine_text itemLine_text_error">红</div> -->
                <!-- <div class="itemLine_text itemLine_text_primary">蓝</div> -->
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">重要程度</div>
                <div class="itemLine_text">------</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">紧急程度</div>
                <div class="itemLine_text">------</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">项目阶段</div>
                <div class="itemLine_text">JUDA2022001</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">项目金额</div>
                <div class="itemLine_text">已签约</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">项目类型</div>
                <div class="itemLine_text">------</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">项目方向</div>
                <div class="itemLine_text">------</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">计划开始</div>
                <div class="itemLine_text">JUDA2022001</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">计划结束</div>
                <div class="itemLine_text">已签约</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">实际开始</div>
                <div class="itemLine_text">------</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">实际结束</div>
                <div class="itemLine_text">------</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">计划工时</div>
                <div class="itemLine_text">JUDA2022001</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">实际工时</div>
                <div class="itemLine_text">已签约</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">商务经理</div>
                <div class="itemLine_text">------</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">售前经理</div>
                <div class="itemLine_text">------</div>
              </div>
              <div class="itemLine itemLine_col_12">
                <div class="itemLine_tips">项目经理</div>
                <div class="itemLine_text">------</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">创建时间</div>
                <div class="itemLine_text">------</div>
              </div>
              <div class="itemLine itemLine_col_6">
                <div class="itemLine_tips">最后更新</div>
                <div class="itemLine_text">------</div>
              </div>
              <div class="itemLine itemLine_col_12">
                <div class="itemLine_tips">项目说明</div>
                <div class="itemLine_text_desc">
                  项目管理系统是项目的管理者应用专门管理项目的系统软件，在有限的资源约束下，运用系统的观点、方法和理论，对项目涉及的全部工作进行有效地管理。
                  它从项目的投资决策开始到项目结束的全过程进行计划、组织、指挥、协调、控制和评价，以实现项目的目标。
                </div>
              </div>
            </div>
          </div>
          <div class="content_right">
            <div class="content_right_top">
              <div class="content_right_top_left">
                <div class="proDesc content_box">
                  <div class="content_box_title">
                    <div class="content_box_title_text">
                      <img
                        src="./common/img/title.png"
                        width="20px"
                        height="20px"
                      />项目概要
                    </div>
                  </div>
                  <div class="proDesc_body">
                    <div class="item_count">
                      <div class="item_count_nums item_count_tips_primary">
                        4
                      </div>
                      <div class="item_count_tips">资料数</div>
                    </div>
                    <div class="item_count">
                      <div class="item_count_nums item_count_tips_success">
                        0
                      </div>
                      <div class="item_count_tips">任务数</div>
                    </div>
                    <div class="item_count">
                      <div class="item_count_nums item_count_tips_error">3</div>
                      <div class="item_count_tips">测试问题数</div>
                    </div>
                    <div class="item_count">
                      <div class="item_count_nums item_count_tips_primary">
                        4
                      </div>
                      <div class="item_count_tips">变更数</div>
                    </div>
                    <div class="item_count">
                      <div class="item_count_nums item_count_tips_primary">
                        2
                      </div>
                      <div class="item_count_tips">团队人数</div>
                    </div>
                    <div class="item_count">
                      <div class="item_count_nums item_count_tips_primary">
                        4
                      </div>
                      <div class="item_count_tips">合同数量</div>
                    </div>
                  </div>
                </div>
                <div class="proSpeed content_box">
                  <div class="content_box_title">
                    <div class="content_box_title_text">
                      <img
                        src="./common/img/title.png"
                        width="20px"
                        height="20px"
                      />项目进度
                    </div>
                  </div>
                  <div class="proSpeed_body">
                    <div class="itemLine">
                      <div class="itemLine_tips">项目结束</div>
                      <div class="itemLine_text">
                        还有<span class="itemLine_text_waring">23</span>天
                      </div>
                    </div>
                    <div class="itemLine">
                      <div class="itemLine_tips">时间进度</div>
                      <div class="itemLine_text">
                        <div class="progress">
                          <div class="progress_line">
                            <div
                              class="progress_line_inner"
                              style="width: 25%"
                            ></div>
                          </div>
                          <div class="progress_text">25%</div>
                        </div>
                      </div>
                    </div>
                    <div class="itemLine">
                      <div class="itemLine_tips">自评进度</div>
                      <div class="itemLine_text">
                        <div class="progress">
                          <div class="progress_line">
                            <div
                              class="progress_line_inner"
                              style="width: 25%"
                            ></div>
                          </div>
                          <div class="progress_text">25%</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="content_right_top_right content_box">
                <div class="content_box_title">
                  <div class="content_box_title_text">
                    <img
                      src="./common/img/title.png"
                      width="20px"
                      height="20px"
                    />最新工作动态
                  </div>
                </div>
                <div class="content_right_top_right_body">
                  <div class="itemDynamic">
                    <span
                      >2022-11-22 10:09:21<span class="itemLine_text_primary">
                        某某某 </span
                      >更新了BUG</span
                    >
                    <span><i class="bi bi-chevron-right"></i></span>
                  </div>
                  <div class="itemDynamic">
                    <span
                      >2022-11-22 10:09:21<span class="itemLine_text_primary">
                        某某某 </span
                      >更新了BUG</span
                    >
                    <span><i class="bi bi-chevron-right"></i></span>
                  </div>
                  <div class="itemDynamic">
                    <span
                      >2022-11-22 10:09:21<span class="itemLine_text_primary">
                        某某某 </span
                      >更新了BUG</span
                    >
                    <span><i class="bi bi-chevron-right"></i></span>
                  </div>
                  <div class="itemDynamic">
                    <span
                      >2022-11-22 10:09:21<span class="itemLine_text_primary">
                        某某某 </span
                      >更新了BUG</span
                    >
                    <span><i class="bi bi-chevron-right"></i></span>
                  </div>
                </div>
              </div>
            </div>
            <div class="content_right_bottom content_box">
              <div class="content_box_title">
                <div class="content_box_title_text">
                  <img
                    src="./common/img/title.png"
                    width="20px"
                    height="20px"
                  />项目记录
                </div>
                <button class="button_primary_text">
                  <i class="bi bi-three-dots"></i>
                </button>
              </div>
              <div class="content_right_bottom_body">
                <div class="projectDynamic">
                  <div class="itemDynamic">
                    <div class="itemDynamic_date">
                      <i class="bi bi-clock dateIcon"></i>2022-11-20 07:30
                    </div>
                    <div class="itemDynamic_text">
                      <div class="itemDynamic_text_content">
                        项目管理系统建设项目<span class="dynamicUpdate"
                          >更新了需求</span
                        >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
